*{
    margin: 0;
    padding: 0;
    list-style-type:none;
}
.clear{
    clear: both;
}
.top{
    width: 100%;
    background-color: #000000;
}
.top-section{
    margin: 0 auto;
    width: 1200px;
    height: 160px;
    background-color: #000000; position:relative;
}
.top-section .banben{position:absolute; top:0; right:0; height:36px; line-height:36px; font-size:14px; z-index:1;}
.top-section .banben li{float:left; text-transform:uppercase; margin-left:16px; padding-left:40px;}
.top-section .banben li:nth-child(1){background:url(../images/cn.jpg) left center no-repeat; background-size:30px;}
.top-section .banben li:nth-child(2){background:url(../images/en.jpg) left center no-repeat; background-size:30px;}
.top-section .banben li a{color:#fff;}
.top-left{
    float: left;
    width: 310px;
    height: 160px;

}
.top-left img{
    width: 100%;
    height: 100%;
}
.navigation{
    float: right;
    height: 20px;height: 160px; line-height:160px;
}
.navigation>ul>li{
    float: left;
    list-style: none;
    padding:0 30px ;
    background: url("../images/strip.jpg") center right no-repeat; position:relative;
}
.navigation>ul>li:hover ul{display:block;}
.navigation>ul>li ul{position:absolute;top:160px; left:0; background:#000; z-index:2; padding:0 30px; line-height:50px; display:none;}
.navigation>ul>li ul li{white-space:nowrap;}
.navigation>ul>li:nth-last-child(1){
    padding-right: 0;
    background: none;
}
.navigation>ul>li a{
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    font-family:"Khmer UI";
}

.banner{
    width: 100%;
    background-color:#000000;
}
.swiper-container {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.content{
    width: 100%;
    background-color:#faf5f2;
}
.products{
    margin: 0 auto;
    position: relative;
    top: -80px;
    width: 1200px;
    height: 650px;
    background-color: #f1f1f1;
}
.products-top{
    float: left;
    width: 1200px;
    height: 222px;
}
.products-top p{
    margin-top: 85px;
    text-align: center;
    font-size: 65px;
    font-family: Kalinga;
    color: #000000;
}
.products-center{
    float: left;
    width: 1200px;
    height: 100px;
}
.icon-section{
    float: left;
    margin-right: 222px;
    height: 45px;
}
.products-center .icon-section:nth-child(3n){
    margin-right: 0;
}
.icon{
    float: left;
    height: 45px;
}
.icon img{
    width: 100%;
    height: 100%;
}
.soft-title{
    margin-left: 30px;
    float: left;
    height: 45px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #efebe8;
    border: 1px solid #000000;
    text-align: center;
}
.mattress-title{
    margin-left: 30px;
    float: left;
    height: 45px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #efebe8;
    border: 1px solid #000000;
    text-align: center;
}
.sofa-title{
    margin-left: 30px;
    float: left;
    height: 45px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #efebe8;
    border: 1px solid #000000;
    text-align: center;
}
.icon-section span{
    font-size: 16px;
    color: #000000;
    padding: 10px 40px;
    font-family: Kalinga;
}
.products-softbed{
    float: left;
    width: 1200px;
    height: 340px;
}
.products-mattress{
    float: left;
    width: 1200px;
    height: 340px;
    display: none;

}
.products-sofa{
    float: left;
    width: 1200px;
    height: 340px;
    display: none;
    transition: 500ms;
}

.products-img:nth-child(3n){
    margin-right: 0;
}

.products-img{
    margin-right: 12px;
    float: left;
    width: 390px;
    height: 340px;
}
.products-img img{
    width: 100%;
    
}
.black-block{
    width: 100%;
    height: 110px;
    background-color: #000000;
}
.more{
    margin-top: 30px;
    float: right;
    text-decoration: none;
    color: #484646;
    font-family:Candara;
    font-size: 22px;
    font-weight: bold;
}
.projects{
    margin: 0 auto;
    padding-top: 10px;
    width: 1200px;
    height: 910px;
    background: url("../images/bg.jpg");
}
.projects-title{
    margin: 0 auto;
    height: 90px;
    width: 1120px;
    text-align: center;
    background-color: #f9f6f1;
}
.projects-title span{
    letter-spacing: 4px;
    line-height: 90px;
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
    color: #b06e38;
}
.projects-pic{
    margin: 60px auto 0;
    width: 1110px;
    height: 362px;
    border: #ffffff 3px solid;
}
.projects-pic img{
    width: 100%;
    height: 100%;
}
.projects-gray{
    height: 70px;
    line-height: 70px;
    margin-top:80px;
    background: rgba(0, 0, 0, 0.5);
}
.projects-gray a{
    float: left;
    width: 245px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
    font-family:Ebrima;
    color: #fefefe;
    text-align: center;
    text-decoration: none;
}
.projects-gray a:nth-child(1n){
    position: relative;
    left: 223px;

}
.projects-gray a:nth-child(2n){
    position: relative;
    left: 280px;

}
.projects-gray a:nth-child(3n){
    position: relative;
    left: 335px;
}
.video{
    margin: 20px auto;
    background-color: #faf4eb;
    width: 1200px;
    height: 550px;
}
.video-left{
    float: left;
    height:550px;
    width: 805px;
}
.video-left video{
    height:100%;
    width: 100%;
}

.video-right{
    margin-left:15px;
    float: right;
    height:550px;
    width: 378px;
}
.right-button1{
    margin-left: 20px;
    margin-top: 75px;
    float: left;
    width: 266px;
    height: 82px;
    line-height: 82px;
    border:#b6b6b6 1px solid;
    border-radius: 20px;
    cursor: pointer;
}
.right-button1:hover{
   box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.right-button2:hover{
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.right-button3:hover{
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.right-button2{
    margin-left: 20px;
    margin-top: 75px;
    float: left;
    width: 266px;
    height: 82px;
    line-height: 82px;
    border:#b6b6b6 1px solid;
    border-radius: 20px;
    cursor: pointer;
}
.right-button3{
    margin-left: 20px;
    margin-top: 75px;
    float: left;
    width: 266px;
    height: 82px;
    line-height: 82px;
    border:#b6b6b6 1px solid;
    border-radius: 20px;
    cursor: pointer;
}
.video-right p{
    margin-left: 5px;
    float: left;
    font-size: 30px;
    font-family:Arial;
    font-weight: bold;
    color: #8b8b8b;
}
.video-right span{
    margin-left: 30px;
    float: left;
    font-size: 57px;
    font-family:Arial;
    font-weight: bold;
    color: #8b8b8b;
}
.certificate{
    margin: 0 auto;
    width: 1200px;
    height: 460px;
    background:url("../images/certificate-bg.jpg");
}
.certificate-top{
    position: relative;
    top: 0px;
    width: 1200px;
    height: 76px;
}
.certificate-top p{
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-family:Calibri;
    font-weight: bold;
}
/*--------------------------------*/
.xtbj {
    position: relative;
    top: -10px;
    height: 360px;
    width: 100%;
}

.xt {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.xt #dpzs1_zuo {
    margin-left: 20px;
    position: absolute;
    top: 145px;
    left: 0;
    z-index: 1;
}

.xt #dpzs1_you {
    margin-right: 20px;
    position: absolute;
    top: 145px;
    right: 0;
    z-index: 1;
}
/*.left-one{*/
/*margin-left: 50px;*/
/*}*/

.xt .bod {
    width: 1064px;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.xt .bod ul {
    position: absolute;
    left: 0;
    top: 0;
}

.xt .bod ul li {
    list-style: none;
    width: 248px;
    height: 375px;
    margin-right:20px;
    box-sizing: border-box;
    float: left;
}
.xt .bod ul li img {
    width: 100%;
    height: 100%;
}
/*------------------------------*/
.news{
    margin: 0 auto;
    width: 1200px;
    background-color: #f1f1f1;
    box-shadow: 8px 0 15px rgba(0,0,0,0.3),-8px 0 15px rgba(0,0,0,0.3) ;
    padding-bottom:200px;
}
.news-left{
    float: left;
    width: 600px;
}
.news-left-top{
    float: left;
    width: 600px;
    height: 150px;
}
.news-left-content{
    float: left;
    width: 600px;
}
.news-list{
    position: relative;
    left: -12px;
    float: left;
    width: 528px;
    height:115px;
}
.list-left{
    float: left;
    height: 115px;
    width: 53px;
    background: url("../images/black-paper.png") no-repeat;
}
.list-left p{
    margin-top: 40px;
    text-align: center;
    font-size: 18px;
    font-family:΢ÈíÑźÚ;
    color: white;
}
.list-text{
    float: right;
    width:473px;
    height: 115px;
    line-height: 30px;
    overflow: hidden;
}
.list-text a{
    text-decoration: none;
    display: block;
    margin-left: 30px;
    font-size: 18px;
    font-family:Candara;
    font-style: italic;
    color: #000000;
    text-align: left;

}
.news-left-top p{
    margin-top: 105px;
    text-align: center;
    font-size: 24px;
    font-family: ΢ÈíÑźÚ;
    color: #000000;
}
.news-right{
    margin-top: 50px;
    text-align: center;
    font-size: 24px;
    font-family: ΢ÈíÑźÚ;
    color: #000000;
}
.news-right-top{
    float: left;
    width: 600px;
    height: 200px;
}
.news-right-top p{
    margin-top: 105px;
    text-align: center;
    font-size: 23px;
    font-family: ΢ÈíÑźÚ;
    color: #000000;
}
.news-pic{
    width: 600px;
    float: left;
}
.news-img{
    margin-right: 23px;
    margin-bottom: 40px;
    float: left;
    width: 178px;
    height: 154px;
}
.news-pic .news-img:nth-child(3n){
    margin-right: 0;
}
.news-img img{
    max-width: 100%;
    max-height: 100%;
}
.footer{
    width: 100%;
    background-color:#000000;
    padding: 80px 0 100px;
}
.footer-section{
    margin: 0 auto;
    width: 1200px;
}
.section-1{
    float: left;
    width: 355px;
}
.section-1 span{
    font-size: 18px;
    color: #fefefe;
    font-weight: bold;
    font-family: Ebrima;
    padding-right: 50px;
}
.section-2 span{

    font-size: 18px;
    color: #fefefe;
    font-weight: bold;
    font-family: Ebrima;
    padding-right: 50px;
}
.section-3 span{

     font-size: 18px;
     color: #fefefe;
     font-weight: bold;
     font-family: Ebrima;
     padding-right: 50px;
 }
.section-4 span{

    font-size: 18px;
    color: #fefefe;
    font-weight: bold;
    font-family: Ebrima;
    padding-right: 50px;
}
.section1-img{
    margin-top: 35px;
    width: 220px;
    height: 112px;
}
.section1-img img{
    width: 100%;
    height: 100%;
}
.section1-text{
    margin-top: 10px;
    float: left;
    width: 350px;
    font-size: 10px;
    color: #ffffff;
}
.section-2{
    margin-left: 14px;
    float: left;
    width: 205px;
}
.section-2 ul{
    margin-top: 45px;
}
.section-2 ul li{
    list-style: none;
    margin-top: 20px;
}
.section-2 ul li a{
    text-decoration: none;
    color: #fefefe;
    font-size: 14px;
    font-family: "Courier New";
}
.section-3{
    float: left;
    width: 312px;
}
.section3-title{
    float: left;
    width: 223px;
    margin-left: 15px;
    margin-top: 30px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    font-family: Kokila;
}
.section3-icon{
    margin-top: 20px;
    margin-left: 10px;
    float: left;
    height: 22px;
    line-height: 37px;
    width: 170px;
    /*background: url("../images/rili.png")left no-repeat;*/
}
.section3-icon img{
    float: left;
}
.section3-icon p{
    margin-left: 10px;
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-family: Kokila;
}
.section3-icon span{
    margin-left: 10px;
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-family: Kokila;
}
.strip{
    float: left;
    margin-left: 15px;
    margin-top: 25px;
    height: 1px;
    width: 250px;
    background-color:#ffffff;
}
.section-4{
    margin-right: 35px;
    float: right;
    width: 250px;
}
.section4-block{
    width: 285px;
    margin-top: 30px;
}

.section4-block dt{
     float: left;
 }
.section4-block dd{
  margin-left: 43px;
    font-size: 14px;
    color: #ffffff;
    font-family: Kokila;
}